*{
    margin: 0;
    padding: 0;
}
/* .head1{
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
 background-color: rgb(75, 186, 250);
} */
.topsarch{
  width: 100%;
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  border: 1px solid rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
}
.topnav{
  height: 50px;
  position: fixed;
  top: 80px;
  left: 0;
  z-index: 10;
 background-color:rgb(255, 255, 255);

}
.myhover:hover{
  color: black;
  border: none;
  background-color: rgba(242,242,242);
}
.jianju{
  margin: 10px 10px;
}
/* 开关小白点  没有作用*/
.mySwitch /deep/ .ant-switch-handle{
  top :5px !important
}


.bigContent{
  position: absolute;
  left:20px;
  top:50px;
  width: 100%;
}
.leftContent{
  position:absolute;
  left: 0px;
  top: 80px;
  width: 60%;
}
.rightContent{
  position: fixed;
  left:60%;
  top:0;
  width: 40%;
  background-color: rgb(247, 250, 89);
  height: 900px;
}
.contstyle{
  width: 95%;
  height: 200px;
  margin-left: 0px;
  margin-bottom: 20px;
  border-radius: 5px;

}
.contstyle:hover{
  cursor: pointer;
  box-shadow: 0px 0px 4px 3px rgb(242,242,242);
}
.toptext{
  font-weight: bold;
}
/* 轮播图 */
.swiperwidth{
width: 100%;
}
.leftfloat{
width: 40%;
float:left;
height: 200px ;
position: relative;

}
.rightfloat{
  width: 50%;
  float:left;
  border-right: 1px solid rgb(130, 133, 133);
}

.imgparent{
  width: 100px;
}
.imgparent img:hover{
   box-shadow:0 0 0 4px rgba(9,9,9) inset ;/* 无法实现 */
  /*filter: drop-shadow(-30px -30px 10px 10px rgba(0,0,0));  */
}
.myoldprice{
  text-decoration: line-through;
  color: rgb(130, 133, 133);
  margin-left: 5px;
}
.pricestyle{
  width: 10%;
  float:left; 
}
.pricestyle::after{
  clear: both;
}
.pagestyle{
  width: 100%;
}
.pageson{
  margin-left: 35%;
}
.Collection{
  position: absolute;
  right:5px;
  top:5px;
  border: none !important;
  background-color: rgba(34,34,34,0);

}